#body-data {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	pointer-events: none;
	.layout-navbars-map-user {
		position: relative;
		top:57px;
		left: 80px;
		width: 310px;
		box-shadow: var(--el-map-shadow);
		padding: 15px;
		display: inline-block;
		text-align: left;
		margin-bottom: 53px;
		background-color: var(--next-color-disabled);
		font-size: 23px;
		line-height: 29px;
		border-bottom: 1px solid #fff ;

		align-items: center;
		justify-content: flex-end;
		&-link {
			height: 100%;
			display: flex;
			align-items: center;
			white-space: nowrap;
			&-photo {
				width: 25px;
				height: 25px;
				border-radius: 100%;
			}
		}
		&-icon {
			padding: 0 10px;
			cursor: pointer;
			color: var(--next-bg-topBarColor);
			height: 50px;
			line-height: 50px;
			display: flex;
			align-items: center;
			&:hover {
				background: var(--next-color-user-hover);
				i {
					display: inline-block;
					animation: logoAnimation 0.3s ease-in-out;
				}
			}
		}
		:deep(.el-dropdown) {
			color: var(--next-bg-topBarColor);
		}
		:deep(.el-badge) {
			height: 40px;
			line-height: 40px;
			display: flex;
			align-items: center;
		}
		:deep(.el-badge__content.is-fixed) {
			top: 12px;
		}
		// text-shadow: 1.5px 1.5px 1.5px #002267;
		.person {
			pointer-events: auto;
			float: left;
		}
		.padline {
			float: left;
			padding: 0 8px;
			color:#fff;
		}

		.title-text {
			float: left;
			font-weight: 500;
			color: var(--text-color);
		}
	}
	.content-table {
		// background-color: rgba($color: #3f4854, $alpha: 0.9);
		position: relative;
		left: 80px;
		height: calc(100% - 165px);
		width: 310px;
		.mapTable {
			pointer-events: auto;
			position: relative;
			box-shadow: var(--el-map-shadow);
			.search-from {
				padding: 15px;
				background-color: var(--next-color-disabled);
			}
		}
	}
}
.vc-btn--fab {
	padding: 10px;
	min-height: 36px;
	min-width: 36px;
}
.mapMenu {
	position: fixed;
	z-index: 2;
	top: 101px;
	width: 200px;
	min-height: 400px;
}
.mapMain {
	position: fixed;
	z-index: 9;
	top: 80px;
	left: 380px;
	width: 50%;
	.close {
		position: absolute;
		width: 15px;
		height: 15px;
		top: 30px;
		right: 30px;
	}
	.close:hover::before,
	.close:hover::after {
		background: var(--el-color-primary);
	}
	.close::before,
	.close::after {
		content: '';
		position: absolute;
		height: 2px;
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -1px;
		background: #696969;
	}
	.close::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
.drone-device-dialog-container,
.drone-playFlv-dialog-container,
.drone-play-dialog-container {
	pointer-events: none;
}
.el-dialog__body,
.el-dialog__header {
	pointer-events: auto;
}
.search_form {
	display: inline-flex;
	margin-top: 15px;
}
.mapContainer {
	width: 100%;
	height: 100%;
}
.mapswap{
	position: fixed;
	right: 10px;
	bottom: 40px;
	z-index: 99;
}
